<!--
Date: 2025-08-13
Copyright (c) 2025 Industrial Software Feature Database
-->
<template>
  <div class="buildFinish_main">
    <div>
      <el-icon size="60" color="#67C23A">
        <CircleCheck />
      </el-icon>
    </div>
    <div>导入成功</div>
    <div>
      本次成功导入数据：<span>{{ props.data }}</span
      > 条
    </div>
  </div>
</template>
<script name="loadFinish" setup>
const props = defineProps(['data']);
const showElementInfo = ref(false);
const view = ref(false);
const currentData = ref(null);
currentData.value = props.data;
const showTaskInfo = () => {
  showElementInfo.value = true;
  view.value = true;
};
const handleEvent = (data) => {
  showElementInfo.value = false;
  view.value = false;
};
</script>
<style lang="scss" scoped>
.buildFinish_main {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
  overflow: hidden;
  > div:nth-child(2) {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
  }
  > div:nth-child(3) {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
  }
  > div:nth-child(4) {
    font-size: 14px;
    margin-top: 10px;
    > span {
      color: #409eff;
      font-weight: 600;
      font-size: 14px;
    }
  }
  > div:nth-child(5) {
    font-size: 12px;
    margin-top: 10px;
    > span {
      font-size: 14px;
      color: #409eff;
      font-weight: 600;
    }
  }
}
</style>
